<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">

    <title>无限极创新资讯分享后台</title>
    <link href="images/style.css" rel="stylesheet" type="text/css" />
    <script src="http://cdn.bootcss.com/jquery/2.1.3/jquery.min.js"></script>

</head>
    
<body>     
    <div id="set-wrap">
        <div class="button">
            <div class="btn1">管理员管理</div>
            <div class="btn2">修改密码</div>
            <div class="btn3">预警列表</div>
            <div class="btn4">职级管理</div>
        </div>
        <div class="setshow">
            <iframe tag="管理员管理" src="manage.html"></iframe>
            <iframe tag="修改密码" src="fixpass.html"></iframe>
            <iframe tag="预警列表" src="warnlist.html"> </iframe>
            <iframe tag="职级管理" src="grade.html"></iframe>
        </div>
    </div>
</body>

<script>
	$(function(){
        $(".button>div").on("click",function(){
            
            $(".button>div").each(function(){
                $(this).css({background: 'rgb(131,138,222)'})
            })
            $(this).css({background: 'rgb(127,170,204)'});

             var val=$(this).text();
            $(".setshow>iframe").each(function(){
                $(this).css({display:"none"});
                var _thisval=$(this).attr("tag");
                if(_thisval==val){
                    $(this).css({display:"block"});
                }
            });

        })
    })
</script>

</html>


